<!DOCTYPE HTML>
<html>
<head>
<title>菜谱列表</title>
<include file="Public/head"/> 
<!---End-smoth-scrolling---->
<style type="text/css">
DIV.jogger { 
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 7px;
 PADDING-TOP: 2px; FONT-FAMILY: "Lucida Sans Unicode",
 "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif ;text-align: center;
} 
DIV.jogger A { 
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em;
 MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; 
BACKGROUND-COLOR: #ee4e4e; TEXT-DECORATION: none 
} 
DIV.jogger A:hover { 
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em;
 MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818 
} 
DIV.jogger A:active { 
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em;
 MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818 
} 
DIV.jogger SPAN.current { 
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em;
 MARGIN: 2px; COLOR: #6d643c; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f6efcc 
} 
DIV.jogger SPAN.disabled { 
DISPLAY: none 
} 
</style>

</head>
<body>
		<!-- start-header section-->
			<div class="header">
				<div class="container">
				     <div class="top-header">
						<div class="phone">
							<ul>
								<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></li>
								<li><p>欢迎{$food2['telephone']}用户</p></li>
							</ul>
						</div>
						<div class="logo">
							<h1><a href="{:U('Food/foodlist')}">ICOOK</a></h1>
						</div>
						<div class="header-right">
						<div class="login">
							<a href="{:U('Users/login')}">登录</a>
						</div>
						<div class="cart box_1">
							<a href="{:U('Users/logout')}">
								<img src="__PUBLIC__/Uploads/images/注销.png" alt=""></h3>
							</a>	
							
							<div class="clearfix"> </div>
						</div>
				</div>
		
						<div class="clearfix"></div>
					</div>	
				</div>
			</div>
		<!-- end-header section-->
		<!--start-banner-->
			<div class="banner ban1">
				<div class="container">
					<div class="top-menu">
					<span class="menu"><img src="images/nav.png" alt=""/> </span>
						<ul>
							<li><a  href="{:U('Index/index')}" class="active">首页</a></li>
							<li><a  href="{:U('Users/about')}">关于我们</a></li>
							<li><a  href="{:U('Food/foodlist')}">菜谱列表</a></li>
							<li><a  href="{:U('Food/release')}">发布菜谱</a></li>
							<li><a  href="{:U('Users/userinfo')}">个人中心</a></li>
					
						</ul>
					
					</div>
					</div>	
					
				

			</div>
		<!-- 搜索 -->
		<div>
			
			<form  method="post"  class="form-horizontal" action="{:U('foodlist')}"  enctype="multipart/form-data" >
                   <li style="list-style:none; float:left">
                   <input style="width:200px; height:35px; border:1px solid #FF8C00; 
                   font-size:0.9em; color:#FF8C00; outline: none;border-radius:5px;" name="name" type="text" placeholder="请输入区域">
                   <li style="list-style:none; float:left"><input class="btn btn-info" style="background-color:#FF8C00" type="submit" value ="搜索" >
                  </form> 

		</div>

			<div class="content">
						<div class="events-section">
						<div class="container">
							<h3>菜谱列表</h3>
							<volist name="food" id="vo">
						<div class="events-grids">

						<div class="events1">

 
						<div class="col-md-4 event-grid" >
						<a href="#" class="mask">
				     <img src="__PUBLIC__/Uploads/foodphoto/{$vo.photo}" class="img-responsive zoom-img" alt="" style="width:370px;height:180px;"></a>
					 <h4>{$vo.name}</h4>
					 <p>{$vo.jianjie}</p>
						<a href="__URL__/detail/id/{$vo.fid}" class="button">查看详情</a>
						</div>

            </volist>
            	<!-- 分页 -->
  <div class="jogger col-md-10   col-sm-offset-3 col-md-offset-4 col-xs-offset-2" > 
      {$link}
      
    </div>

						<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
						</div>
						</div>
						</div>

		<include file="Public/footer"/> 
	
</body>
</html>
	